<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>登陆</title>
<!-- BOOTSTRAP STYLES-->
<link href="css/bootstrap.css" rel="stylesheet" />

<!-- CUSTOM STYLES-->
<link href="css/custom.css" rel="stylesheet" />
<!-- GOOGLE FONTS-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans'
	rel='stylesheet' type='text/css' />
<script type="text/javascript">
	function kp1(txt) {
		var name = document.f1.name.value;
		if (name.length < 1) {
			txt.style.borderColor = "red";
		} else {
			txt.style.borderColor = "green";
		}


	}
	function kp2(txt) {
		var pwd = document.f1.pwd.value;
		if (pwd.length < 1) {
			txt.style.borderColor = "red";
		} else {
			txt.style.borderColor = "green";
		}


	}
</script>
</head>
<body background="img/Zhuoku060.jpg">

	<div class="container">
		<div class="row text-center ">
			<div class="col-md-12">
				<br /> <br />
				<h2>
					<font face="楷体" size="12" color="white">自在天原编码训练营</font>
				</h2>

				<br />
			</div>
		</div>
		<div class="row ">
			<div
				class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
				<div class="panel panel-default">
					<div class="panel-heading">
						<strong> 账号登陆 </strong>
					</div>
					<div class="panel-body">
						<form role="form" action="UserServlet?method=login" method="post"
							name="f1">
							<br />
							<div class="form-group input-group">
								<lable> <b>用户名:</b> </label> <input type="text"
									class="form-control" name="name" onkeyup="kp1(this)"
									placeholder="请输入您的用户名" />
							</div>
							<div class="form-group input-group">
								<lable><b>密码:&nbsp;&nbsp;&nbsp;&nbsp;</b></lable> <input type="password"
									class="form-control" name="pwd" onkeyup="kp2(this)"
									placeholder="请输入您的密码" />
							</div>
							<div class="form-group">

								</label> <span class="pull-right"> <a href="forgetpwd.jsp">忘记密码
										? </a>
								</span>
							</div>
							<button type="submit" class="btn btn-primary">登陆</button>

							<hr />
							未注册 ? <a href="registeration.jsp">点击这里 </a>
						</form>
					</div>

				</div>
			</div>

		</div>
	</div>

</body>
</html>